@charset "utf-8";
/* CSS Document */
body{font-size:14px;background:#000;color:#666;font-family:"Microsoft YaHei","Helvetica Neue","Helvetica","Hiragino Sans GB","Hiragino Sans GB W3","Arial,sans-serif";}
body,dd,div,dl,dt,form,h2,h3,h4,li,ol,p,td,th,ul,input{margin:0;padding:0;border:0;}
html { height:100%;font-family:'latoregular'; }
body { height:100%; margin:0; padding:0; line-height:24px;  }
h2,h3,h4{font-size:100%;}
ol,ul{list-style-type:none;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;}
a{color:#666;cursor:pointer;outline:0;text-decoration:none;webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;}
a:hover{color:#fff;}
em,i{font-style:normal;}
input{outline:0;font-family:arial,'pingfang sc',stheiti,"microsoft yahei",sans-serif;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.pb20{padding-bottom: 20px;}
.textcenter{text-align:center;}
.red{color:red;}
.tran_time{ webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; }
.wrapper{margin:0 auto;border:0;width: 1200px;}
.minw{width:100%;min-width:1200px;}



.header_info{height:80px;border-bottom:1px solid #666;}
.header_info .header_logo{height:45px;margin-top:17px;}
.header_info .header_logo img{height:45px;}

.header_menu{margin-top:17px;}
.header_menu ul#nav{height:45px;}
.header_menu ul li{float:left;width:100px;height:45px;text-align:center;position:relative; background: url(../images/menu-fgx.gif) no-repeat center left;}
.header_menu ul em{width:10px;height:45px;line-height:45px;float:left;font-size:12px;color:#666;}
.header_menu ul li a{display:block;height:45px;line-height:45px;color:#ccc;font-size:14px;   }
.header_menu ul li a.current{color:#fff;}
.header_menu ul li a:hover{color:#333;}
.header_menu ul li.home{background:none;}
.header_menu li.nav_li ul{width:100px;display:none;position:absolute;top:45px;left:0;z-index:999;background-color:#4a4a4a;background-image:none;}
.header_menu li.nav_li ul li{height:42px;line-height:42px;}
.header_menu li.nav_li ul li a{width:100%;padding:0;float:left;color:#ccc;height:42px;line-height:42px;display:block;font-size:12px;border-bottom:1px solid #555;}
.header_menu li.nav_li ul li a:hover{color:#fff;}
.header_menu li.nav_li ul li ul{display:none;position:absolute;left:100px;top:0;}
.header_menu ul li a.nava{color:#fff;}



.index_banner{position:relative; z-index: auto;}
.index_banner .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
.index_banner .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.index_banner .swiper-slide img{width:100%;height:100%;}
.index_banner .swiper-pagination-bullet-active{background:#191919;}
/*
.index_banner .swiper-container{width:100%;min-width:1200px;height:100%;background-color:#fff;transition:1s background-color 1.3s}
.index_banner .swiper-wrapper{transition-delay:1s;transition-timing-function:cubic-bezier(.5,0,0,1)}
.index_banner .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.index_banner .title{transition-delay:1s;z-index:10}
.index_banner .title h3{font-weight:700;font-size:calc(55px + 54 * ((53vw + 53vh) - 520px)/ 820);letter-spacing:-1px;color:rgba(255,255,255,0);-webkit-text-stroke:2px #fff}
.index_banner .img-box{width:100%;height:100%;position:absolute;transform:scale(.6,.6);transition-duration:1s;transition-property:transform;transition-timing-function:cubic-bezier(.5,0,0,1);opacity:.9;overflow:hidden}
.index_banner .img-box img{width:100%;height:100%;object-fit:cover;transform:scale(1.2,1.2) translateX(50%);transition-timing-function:cubic-bezier(.5,0,0,1);transition-property:transform}
.index_banner .button-next,.button-prev{transition:.5s;outline:0;position:absolute;width:140px;z-index:10;top:65vh;transform:translateY(-34px);cursor:pointer}
.index_banner .button-prev{left:4vw}
.index_banner .button-next{right:4vw}
.index_banner .button.disabled{opacity:.2;cursor:default}
.index_banner #arrow-svg-home{transform:translateY(353px)}
.index_banner .button-next #arrow-svg-home{transform:translateY(353px) rotateY(180deg);transform-origin:80px 0 0}
.index_banner svg{transition:.5s}
.index_banner .cls-1{transition:.5s;opacity:.4;transform-origin:-20px 40px;opacity:1}
.index_banner .cls-4{transition:.5s;stroke-width:2px;stroke:#fff;fill:none;stroke-dasharray:1;stroke-dashoffset:1;opacity:.4;transform-origin:0 0 0}
.index_banner #arrow-trg{transition:.5s;fill:#fff;transform:rotateY(180deg) translate(-53px,39px)}
.index_banner #line{transition:.5s;stroke:#fff;transform:translate(50px,42px)}
.index_banner .button-prev:not(.disabled):hover svg{transform:translateX(-25px)}
.index_banner .button-next:not(.disabled):hover svg{transform:translateX(25px)}
.index_banner .button:not(.disabled):hover .cls-1{transform:scale(1.1)}
.index_banner .button:not(.disabled):hover .cls-4{stroke-dasharray:2px;stroke-dashoffset:2px;opacity:1}
.index_banner .button:not(.disabled):hover #arrow-trg{transform:rotateY(180deg) translate(-37px,39px)}
.index_banner .button:not(.disabled):hover #line{transform:translate(35px,42px) scaleX(.33)}
.index_banner .swiper-pagination-bullet{width:6px;height:12px;}
.index_banner .swiper-pagination-bullet-active{background:#000;}
*/
.index_title{height:50px;line-height:50px;overflow:hidden;margin-top:30px;}

.index_title .index_title_left h3{font-size:24px;color:#666;font-weight:400;}
.index_title .index_title_left h3 em{font-size:16px;color:#c1c1c1;}
.index_title .index_title_right ul{color:#666;}
.index_title .index_title_right ul li{float:left;color:#666;}
.index_title .index_title_right ul li a{color:#666;}
.index_title .index_title_right ul em{float:left;margin:0 10px;}
.index_title .index_title_right ul li a:hover{text-decoration:underline;color:#fff;}
.index_box1{}

.index_box1_wrap{padding:0%;}
.index_box1_wrap ul{overflow:hidden;margin-left:-30px;}
.index_box1_wrap ul li{float:left;width:380px;margin:0 0 30px 30px;}
.index_box1_wrap ul li .project_img{height:570px;overflow:hidden;}
.index_box1_wrap ul li .project_img img{width:100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_box1_wrap ul li .project_info{height:80px;border-bottom:1px solid #999;webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;}
.index_box1_wrap ul li .project_info h3.title{height:30px;line-height:30px;overflow:hidden;font-size:18px;}
.index_box1_wrap ul li .project_info p.subtitle{height:30px;line-height:30px;color:#666;}
.index_box1_wrap ul li a:hover .project_info{border-bottom:1px solid #ccc;}
.index_box1_wrap ul li a:hover .project_img  img{ transform: scale(1.2, 1.2)}
.index_box1_wrap ul li.item_block .details{width: 35px; overflow:hidden;border-color: transparent; float: right;  position: relative; right: 0; bottom: 48px;height: 35px; border: 1px solid #afafaf; display: block;    opacity: 0;transition: all .3s ease-out 0s;}
.index_box1_wrap ul li.item_block .details:after{content:'';width:1px;height:0;background:#5b5b5b;position:absolute;top:50%;left:50%;margin-top:-58px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.index_box1_wrap ul li.item_block:hover .details:after{margin-top:-8px;height:15px;background:#afafaf}
.index_box1_wrap ul li.item_block .details:before{content:'';width:0;height:1px;background:#5b5b5b;position:absolute;top:50%;left:50%;margin-left:-60px;margin-top:-1px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.index_box1_wrap ul li.item_block:hover .details:before{margin-left:-7px;width:15px;background:#afafaf}
.index_box1_wrap ul li.item_block:hover .details{opacity:1;filter:alpha(opacity=1);}



.index_box1_more{text-align:center;margin:20px 0 50px 0;}
.index_box1_more a{display:block;width:100px;height:34px;line-height:34px;text-align:center;border:1px solid #afafaf;margin:0 auto;}
.index_box1_more a:hover{background:#afafaf;color:#fff;}

.index_box2{}
.index_box2_video{position: relative;height:550px;}
.index_box2_video img{width:1200px;height:550px;}
.index_box2_video .video_play{position:absolute;width:90px;height:90px;left:50%;margin-left:-45px;top:50%;margin-top:-45px;}
.index_box2_video .video_play img{cursor: pointer;width:90px;height:90px;-webkit-animation-name:'ripple';-webkit-animation-duration: 2s; -webkit-animation-timing-function: ease; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate;}
.m-video {
}
.m-video img {
	max-width: 100%;
}
code, pre {
	background-color: #f8f8f8;
	-webkit-font-smoothing: initial;
	-moz-osx-font-smoothing: initial;
	padding: 5px 15px;
	white-space: normal;
}
code {
	color: #e96900;
	padding: 3px 5px;
	margin: 0 2px;
	border-radius: 2px;
}

@keyframes ripple {
0% {
width:80px;
height:80px;
}
100% {

width:90px;
height:90px;
}
}
.footer_body{margin-top:50px;border-top:1px solid #666;border-bottom:1px solid #666;padding:20px 0;}
.footer_logo{width:230px;}
.footer_logo img{width:230px;height:45px}

.footer_text_1{margin-left:120px;width:280px;color:#666;}
.footer_text_1 .footer_text_1bd{line-height:32px;}
.footer_text_1 .footer_text_1bd a{color:#666;}
.footer_codeimg{width:120px;text-align:center;}
.footer_codeimg img{width:120px;height:120px;}
.footer_codeimg p{line-height:30px;color:#666;}
.footer_copy{padding:5px 0;line-height:32px;color:#666;text-align:center;}
.footer_copy a{color:#666;}
.footer_copy a:hover{text-decoration:underline;}


.com_aboutus{margin:100px 0;}
.com_aboutus_left{width:500px;height:375px;overflow:hidden;background:#f0f0f0; position: relative;}
.com_aboutus_left .swiper-container {width: 500px;height: 375px;position: absolute;left: 0%;top: 0%;  }
.com_aboutus_left .swiper-slide { background-position: center;background-size: cover;}
.com_aboutus_left .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000;}
.com_aboutus_right{width:650px;}
.com_aboutus_righthd{text-align:center;}
.com_aboutus_righthd h3{font-size:24px;height:40px;line-height:40px;font-weight:400;color:#999;}
.com_aboutus_righthd p{height:22px;line-height:22px;color:#666; display: inline-block;border-top:1px solid #666;}
.com_aboutus_rightbd{color:#666;line-height:26px;}
.com_aboutus_rightbd p{margin-bottom:10px;}


.com_contact{margin:100px 0;}
.com_contact_left{width:600px;height:450px;overflow:hidden;background:#f0f0f0; position: relative;}
.com_contact_left .com_contact_maptip{width:287px;height:66px;position: absolute;left:50%;top:50%;margin-left:-143px;margin-top:-33px;background: url(../images/map_topbg.png) no-repeat center left;color:#fff;}
.com_contact_left .com_contact_maptip h3{font-size:16px;height:28px;line-height:28px;padding-left:60px;font-weight:400;}
.com_contact_left .com_contact_maptip p{font-size:12px;height:22px;line-height:22px;padding-left:60px;}
.com_contact_right{width:550px;}
.com_contact_righthd{text-align:center;}
.com_contact_righthd h3{font-size:24px;height:40px;line-height:40px;font-weight:400;color:#666;}
.com_contact_righthd p{height:22px;line-height:22px;color:#999;border-top:1px solid #666;display:inline-block;}
.com_contact_rightbd{color:#666;line-height:26px;}
.com_contact_rightbd p{margin-bottom:10px;}

.com_photoshow{margin-top:20px;}
.com_photoshow_left{width:300px;}
.com_photoshow_lefthd{margin-bottom:10px;}
.com_photoshow_lefthd h3{line-height:32px;font-size:24px;color:#fff;font-weight:400;letter-spacing: 1px;}
.com_photoshow_lefthd p{color:#color:#6a6a6a;height:32px;margin-top:5px;}
.com_photoshow_leftbd{color:#6a6a6a; line-height: 25px;letter-spacing: 2px;}
.com_photoshow_leftbd p{margin-bottom:5px;}
.com_photoshow_right{width:850px;}
.com_photoshowbd img{max-width:100%;margin-bottom:10px;}

.com_photoshow_tuij{margin-top:30px;}
.com_photoshow_tuij .com_photoshow_tuijhd{border-bottom:1px solid #e8e8e8;padding-bottom:10px;margin-bottom:30px;}
.com_photoshow_tuij .com_photoshow_tuijhd h3{font-size:24px;color:#333;font-weight:400;}
.com_photoshow_tuij .com_photoshow_tuijhd h3 em{font-size:16px;color:#666;}
.com_photoshow_tuijhd2{padding-bottom:10px;margin-bottom:30px;}
.com_photoshow_tuijhd2 h3{font-size:24px;color:#616161;font-weight:400;height:28px;line-height:28px;}
.com_photoshow_tuijhd2 h3 em{font-size:16px;color:#666;}
.index_title_search{width:180px;margin-left:20px;}
.index_title_search .searchtxt{float:left;width:130px;height:28px;line-height:28px;}
.index_title_search .searchtxt input{width:130px;height:28px;line-height:28px;background:#333;float:left;text-indent:10px;color:#fff;    border-radius: 4px 0 0px 4px;outline:none;}
.index_title_search .searchbtn{width:50px;height:28px;float:left;}
.index_title_search .searchbtn button{background:#222;border:0 none;height:28px;line-height:28px;text-align:center;float:left;color:#999;border-radius: 0px 4px  4px 0px;outline:none;cursor: pointer;}
.com_photoshow_tuijhd2 ul{color:#666;}
.com_photoshow_tuijhd2 ul li{float:left;color:#616161;height:28px;line-height:28px;}
.com_photoshow_tuijhd2 ul li a{color:#616161;display:block;height:28px;line-height:28px;    padding: 0 15px;}
.com_photoshow_tuijhd2 ul em{float:left;margin:0 10px;color:#616161;}
.com_photoshow_tuijhd2 ul li a:hover{text-decoration:normal;background:#4a4a4a;}
.com_photoshow_tuijhd2 ul li.current a{text-decoration:normal;background:#4a4a4a;color:#fff;}

.com_photoshow_tuijbd ul{overflow:hidden;margin-left:-30px;}
.com_photoshow_tuijbd ul li{float:left;width:380px;margin:0 0 30px 30px;}
.com_photoshow_tuijbd ul li .project_img{overflow:hidden;max-height:570px;background: url(../images/loading.gif) top center no-repeat;}
.com_photoshow_tuijbd ul li .project_img img{width:100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.com_photoshow_tuijbd ul li .project_info{height:80px;border-bottom:1px solid #666;webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;}
.com_photoshow_tuijbd ul li .project_info h3.title{letter-spacing: 1px;height:30px;line-height:30px;overflow:hidden;font-size:18px;}
.com_photoshow_tuijbd ul li .project_info h3 em{font-style: normal; font-size: 12px; background: #000; color: #fff; padding: 1px 3px; font-weight: normal; margin-right: 5px;}
.com_photoshow_tuijbd ul li .project_info p.subtitle{height:30px;line-height:30px;color:#666;letter-spacing: 2px;}
.com_photoshow_tuijbd ul li a:hover .project_info{border-bottom:1px solid #999;}
.com_photoshow_tuijbd ul li a:hover .project_img  img{ /*transform: scale(1.2, 1.2)*/}
.com_photoshow_tuijbd ul li.item_block .details{width: 35px; overflow:hidden;border-color: transparent; float: right;  position: relative; right: 0; bottom: 48px;height: 35px; border: 1px solid #afafaf; display: block;    opacity: 0;transition: all .3s ease-out 0s;}
.com_photoshow_tuijbd ul li.item_block .details:after{content:'';width:1px;height:0;background:#5b5b5b;position:absolute;top:50%;left:50%;margin-top:-58px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.com_photoshow_tuijbd ul li.item_block:hover .details:after{margin-top:-8px;height:15px;background:#afafaf}
.com_photoshow_tuijbd ul li.item_block .details:before{content:'';width:0;height:1px;background:#5b5b5b;position:absolute;top:50%;left:50%;margin-left:-60px;margin-top:-1px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.com_photoshow_tuijbd ul li.item_block:hover .details:before{margin-left:-7px;width:15px;background:#afafaf}
.com_photoshow_tuijbd ul li.item_block:hover .details{opacity:1;filter:alpha(opacity=1);}

.com_videolist{margin-top:60px;}
.com_videolist ul{margin-left:-20px;overflow:hidden;}
.com_videolist ul li{width:285px;margin-left:20px;margin-bottom:20px;float:left;}
.com_videolist ul li a{display:block;}
.com_videolist ul li .img{position: relative;height:190px;overflow:hidden;}
.com_videolist ul li .img img{width:100%;}
.com_videolist ul li .imgMask {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0);    transition: all .36s ease;}
.com_videolist ul li a:hover .imgMask {   background: rgba(0, 0, 0, 0.47);}
.com_videolist ul li .imgIcon {    position: absolute;    top: -30%;    left: 50%;    margin-top: -22px;    margin-left: -28px;    transition: all .6s ease;}
.com_videolist ul li a:hover .imgIcon {    top: 40%}
.com_videolist ul li .imgIcon .icon-triangle {    position: absolute;    top: 50%;    left: 50%;    margin-top: -12px;    margin-left: -8px;}
.com_videolist ul li .imgIcon path {    stroke: #fff;    fill: #fff;}
.com_videolist ul li .hd{}
.com_videolist ul li .hd h3{height:26px;line-height:26px;   font-size: 16px;font-weight:400;webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; }
.com_videolist ul li .hd p{color:#999;line-height:22px;height:22px;overflow:hidden;webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; }
.com_videolist ul li a:hover .hd h3{padding-left:4px;}
.com_videolist ul li a:hover .hd p{padding-left:8px;}

.com_newslist ul li{overflow:hidden;border-bottom:1px solid #666;padding: 10px 0;}
.com_newslist ul li a{display:block;}
.com_newslist ul li .project_img{width:20%;overflow:hidden;float:left;}
.com_newslist ul li .project_img img{height:160px;}
.com_newslist ul li .project_info{width:78%;float:right;}
.com_newslist ul li .project_info h3{margin-top:47px;font-weight:400;font-size:16px;line-height:32px;}
.com_newslist ul li .project_info h3 p{line-height:32px;color:#999;font-size:12px;}

.com_listshowhd{margin:20px 0;padding-bottom:10px;text-align:center;    }
.com_listshowhd h3{line-height:32px;font-size:24px;color:#fff;font-weight:400;letter-spacing: 1px;}
.com_listshowhd p{color:#999;height:32px;margin-top:5px;}
.com_listshowbd{color:#666; line-height: 25px;letter-spacing: 2px;}
.com_listshowbd p{margin-bottom:5px;}


.com_tuanduilist ul li{overflow:hidden;border-bottom:1px solid #666;padding: 10px 0;}
.com_tuanduilist ul li a{}
.com_tuanduilist ul li .project_img{width:280px;overflow:hidden;float:left;}
.com_tuanduilist ul li .project_img img{width:280px;}
.com_tuanduilist ul li .project_info{width:880px;float:right;}
.com_tuanduilist ul li .project_info .box_1{margin-top:50px;}
.com_tuanduilist ul li .project_info .box_1 h3{font-weight:400;font-size:18px;line-height:40px;color:#999;}
.com_tuanduilist ul li .project_info .box_1 p{position:relative;line-height:32px;color:#666;font-size:12px;}
.com_tuanduilist ul li .project_info .box_1 p::before { content: ''; position: absolute; width: 30px; height: 2px; background: #616161; margin-top: 0px; left:0;bottom:0;}
.com_tuanduilist ul li .project_info .box_2{margin-top:20px;}
.com_tuanduilist ul li .project_info .box_2 .des{color:#666;}
.com_tuanduilist ul li .project_info .box_2 .more{font-size:12px;margin-top:20px;color:#666;}
.com_tuanduilist ul li a:hover .project_info .box_2 .more{color:#999;}
/* 前端分页 */
#page{margin:30px 0;font-size:14px;height:30px;line-height:30px;text-align:center}
#page .pageinfo{display: none;}
#page  a{border:1px solid #4a4a4a;background:#4a4a4a;color:#a9a9a9;padding:5px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s}
#page  a:hover,#page .curpage{background:#666;color:#fff;text-decoration:none;border:1px solid #000;}
#page .nopage{cursor:not-allowed;}
#page .nopage:hover{background:#4a4a4a;color:#a9a9a9;border:1px solid #4a4a4a;}
.yzm-pre-next{line-height: 30px; margin-top: 30px; padding-top:10px;border-top: 1px dashed #ccc;}
.com_photoshow_tag{margin-top:20px;}
.com_photoshow_tag a{color: #fff; padding: 4px 8px; border-radius: 3px; margin-right: 10px; font-size: 12px; margin-top: 5px; background: #222;}
.com_photoshow_tag a:hover{background: #4a4a4a; color: #616161;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#000;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#333;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{display:none;}
.suspension .a-top:hover{}
.suspension .d{display:none;width:230px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d.c{width:140px;}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:10px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode .inner-box .qrcode-img img{width:120px;height:120px;}
.suspension .d-qrcode p{font-size:14px;color:#93959c;height:30px;line-height:30px;}
.edui-faked-video{width:100%!important;height:680px!important;}
.com_contonts img{max-width:96%;}